<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
  <!-- <meta http-equiv="X-UA-Compatible" content="ie=edge"> -->
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Document</title>
  <link rel="stylesheet" href="../../css/member/MemberManagement.css">
  <link rel="stylesheet" href="../../css/public/base.css">
  <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
  <script src="../../js/public/jquery-3.3.1.js"></script>
  <script src="../../layui/layui.js"></script>
</head>
<style>
  .nav_two .left>ul>li>ul>li:first-child {
    background-color: #e5f1fc;
  }
    .nav_two {

        margin-right: 20px;
        height: 100%;
        color: #666;
    }

    .nav_two .left {

        /* text-align: center; */
        /* border: 1px solid #000; */
        background-color: #FFF;
        height: 100%;
        border-radius: 8px;
        font-size: 16px;
        width: 200px;
    }

    .nav_two .left>ul li {
        min-height: 53px;
        line-height: 53px;
        list-style-type: none;
        position: relative;
        cursor: pointer;

    }

    .nav_two .left>ul li a {
        position: absolute;
        height: 100%;
        width: 100%;
    }

    .nav_two .left>ul li img {
        position: relative;
        left: 30px;
        transition: all 0.2s;
        transform: rotate(180deg)
    }

    .nav_two .left>ul li ul li {
        min-height: 53px;
    }

    .nav_two .left>ul li img {
        position: relative;
        left: 30px;
        transition: all 0.2s;
    }

    .nav_two .active {
        background-color: #e5f1fc;
    }

    .nav_two .left>ul li .bbx {
        max-height: 300px;
    }

    .rotate {
        transform: rotate(0deg)!important;
    }
    .xia ul li{
      padding-left: 20px;
      font-size: 15px;
    }
</style>

<body>
  <form class="layui-form" action="">
    
    <div class="main" >
        <div class="left">
            <div class='nav_two'>
              <div class="left">
                  <ul>
                      <li><span class="circle"></span><a href="../member/MemberManagement.html"></a>会员管理</li>
                      <li><span class="circle"></span><a href="../member/mailbox.html"></a>会员信箱</li>
                      <li class='xia'>
                        <span class='xiaspan'><span class="circle"></span>交易额管理 <img src="../../image/xiala.png" alt=""></span>
        
                        <ul>
                          <li><a href="../../html/member/DealImport.html"></a><span class="circle"></span>交易额导入</li>
                          <li><a href="../../html/member/record .html"></a><span class="circle"></span>交易额记录</li>
                        </ul>
                      </li>
                      <li><span class="circle"></span><a href="../member/Upgrade.html"></a>用户升级记录</li>
                      <li><span class="circle"></span><a href="../member/Recommend.html"></a>推荐图谱</li>
                    </ul>
              </div>
            </div>
        </div>
      <div class="right" >
        <div class="top2">
          <div id="test10">
            <img src="../../layui/images/import.png" alt="">
          </div>
        </div>
        <div class="button2">
        </div>
      </div>
    </div>
  </form>
  <script src='../../js/member/member.js'></script>
  <script>
    var t = document.querySelector.bind(document)
    let flag = localStorage.getItem('twonav')
    if (flag == '1') {
        t('.xia>ul').classList.add('bbx')
        t('.xia img').classList.add('rotate')
    }
    t('.xiaspan').onclick = function () {
        flag = flag == 0 ? 1 : 0
        t('.xia>ul').classList.toggle('bbx')
        t('.xia img').classList.toggle('rotate')
        localStorage.setItem('twonav', flag)
    }
    $(".button2").height($(".right").height()-$(".top2").height()-160);
    $(window).resize(function () {
      $(".button2").height($(".right").height()-$(".top2").height()-160);
    });
  </script>
  <script>
    layui.use('upload', function () {
      var $ = layui.jquery
        , upload = layui.upload;

      //普通图片上传
      var uploadInst = upload.render({
        elem: '#test1'
        , url: '/upload/'
        , before: function (obj) {
          //预读本地文件示例，不支持ie8
          obj.preview(function (index, file, result) {
            $('#demo1').attr('src', result); //图片链接（base64）
          });
        }
        , done: function (res) {
          //如果上传失败
          if (res.code > 0) {
            return layer.msg('上传失败');
          }
          //上传成功
        }
        , error: function () {
          //演示失败状态，并实现重传
          var demoText = $('#demoText');
          demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
          demoText.find('.demo-reload').on('click', function () {
            uploadInst.upload();
          });
        }
      });

      //拖拽上传
      upload.render({
        elem: '#test10'
        , url: '/upload/'
        , done: function (res) {
          console.log(res)
        }
      });
    });
  </script>
</body>

</html>